<template>
  <div>
    <h3>查询 <span class="label label-default">GO</span></h3>
    <br />
    <div class="row">
      <div class="col-lg-3"></div>
      <div class="col-lg-6">
        <div class="input-group">
          <span class="input-group-btn">
            <button
              class="btn btn-default"
              type="button"
              id="query"
              @click="querya"
            >
              查询
            </button>
          </span>
          <input
            type="text"
            class="form-control"
            placeholder="Search for..."
            v-model="uid"
          />
        </div>
        <!-- /input-group -->
      </div>
      <!-- /.col-lg-6 -->
      <div class="col-lg-3"></div>
    </div>
    <!-- /.row -->
    <div class="panel panel-primary" id="view">
      <div>
        <table class="table">
          <tr>
            <td></td>
            <td></td>
            <td>{{query}}</td>
            <td></td>
          </tr>
        </table>
      </div>
    </div>
    <div class="btn-group" role="group" aria-label="...">
      <button type="button" class="btn btn-default" @click="back">
        返回到管理员页面
      </button>
    </div>
  </div>
</template>

<script>
import { requests } from "../../request/request";
import {queryAxios} from "../../request/api"
export default {
  name: "query",
  data() {
    return {
      uid: "",
      query:""
    };
  },
  computed: {

  },
  methods: {
    querya() {
      let thisa = this;
      let json = {"uid":this.uid};
      console.log(thisa);
      queryAxios(json,thisa)
    },
    back() {
      window.history.go(-1);
    },
  },
};
</script>

<style>
</style>